//添加一个事件监听器，监听表单的提交事件，当表单提交时执行一个异步函数，会阻止标点的默认提交行为
document.querySelector('#form').addEventListener('submit', async function (event) {
    event.preventDefault(); // 阻止表单的默认提交行为

    let form = event.target;
    let formData = new FormData(form); // 创建一个FormData对象，用来获取表单数据

    let response = await fetch(form.action, { // 发送请求
        method: form.method,
        body: formData
    });

    if (response.ok) { // 如果响应状态码为200-299，那么response.ok的值为true
        let data = await response.json(); // 解析响应数据为JSON
        console.log(data); // 在控制台打印数据
        if (data.message === '操作成功') {
            alert('登陆成功！');
            window.location.hash = '#/hall'; // 重定向到首页
        } else {
            alert('登陆失败！请检查用户名和密码是否正确！');
        }
    } else {
        console.log('HTTP error: ' + response.status);
        alert('登陆失败！请检查用户名和密码是否正确！');
    }
});